<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html>
<html>
<head>
<jsp:include page="../header.jsp">
	<jsp:param value="组织-收款与签约 " name="title" />
</jsp:include>
<link href="static/css/teacher.css" rel="stylesheet" type="text/css">
<link href="static/css/position.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="static/js/postion.js"></script>
<script type="text/javascript" src="static/js/student.js"></script>
<script type="text/javascript">
	$(function() {
		$('.ui.floating.dropdown.labeled.icon.button').dropdown();
		$('.ui.teal.basic.button');
		$('.ui.fluid.popup.bottom.left.transition.hidden');
		$('.ui.four.column.relaxed.divided.grid')
	});
</script>
</head>
<body>
	<jsp:include page="../menue.jsp"></jsp:include>
	<div class="teacher-content"
		style="margin-left: 150px; margin-right: 100px; margin-top: 50px;">
		
			<div class="ui form"></div>
			<table class="ui sortable celled table">
				<thead>
					<tr>
						<th colspan="9" style="vertical-align: middle;">
							<div style="float: left;">
								<c:if test="${url eq 'nopayed' }">未缴清学员</c:if>
								<c:if test="${url eq 'allpayed' }">已缴清学员</c:if>
							</div>

							<div class="ui mini icon input" style="float: right;">
								<div class="ui floating dropdown labeled icon button">
									<i class="filter icon"></i> <span class="text"> <c:if
											test="${url eq 'nopayed' }">未缴清</c:if> <c:if
											test="${url eq 'studentdetail' }">未签约</c:if> <c:if
											test="${url eq 'allpayed' }">已缴清</c:if>
									</span>
									<div class="menu">
										<div class="divider"></div>
											<a class="item" style="color: black;" href="studentdetail"> <span
												class="ui blue empty circular label"
												style="margin-right: 10px;"></span> 未签约
											</a>
										<a class="item" style="color: black;" href="nopayed">
											<span class="ui red empty circular label"
											style="margin-right: 10px;"></span> 未缴清
										</a>
											<a style="color: black;"  class="item" href="allpayed"> <span
												class="ui green empty circular label"
												style="margin-right: 10px;"> </span> 已缴清
											</a>
									</div>
								</div>
								<div>&nbsp;&nbsp;</div>
							</div>
						</th>
					</tr>
					<tr>
						<th colspan="9">
							<div class="ui buttons" style="float:left;">
							<c:if test="${url eq 'nopayed' }"><a href="changestu_detail" class="ui button" >
								 <i class="icon user"></i>
									创建收款
								</a></c:if>
								
							</div>	
						<div class="ui mini icon input" style="float: right;">
							<form>
								<input type="text" name="name" placeholder="输入学生名字搜索"
									value="${param.name}">&nbsp;&nbsp;&nbsp;
							</form>
						</div>
						</th>
					</tr>
					<tr>
						<th>学员姓名</th>
						<th>性别</th>
						<th>学历</th>
						<th>电话</th>
						<th>咨询师</th>
						<th>创建时间</th>
						<th>学员状态</th>
						<c:if test="${url eq 'nopayed' }">
							<th>收款</th>
						</c:if>
					</tr>
				</thead>
				<tbody>
					<c:forEach items="${stuList}" var="student">
						<tr>
						<td class="collapsing">
						<a class="browse item" href="payRecord" style="color:#666">${student.name} </a> 
					
						<div class="ui fluid popup  bottom left transition hidden" style="max-width:300px;">
			    <div class="ui four column relaxed divided grid" >
			      <div class="column">
			        <h5 class="ui header" style="width:200px;">详细资料</h5>
			        <div class="ui link list">
			          <a class="item" style="width:200px;">学员id：${student.id}</a>
			          <a class="item" style="width:200px;">学历：${student.education }</a>
			          <a class="item" style="width:200px;">地址：${student.address }</a>
			          <a class="item" style="width:200px;">状态：${student.status }</a>		          
			          <a class="item" style="width:200px;">QQ号码：${student.qq}</a>
			          <a class="item" style="width:200px;">父亲姓名：${student.fatherName }</a>
			          <a class="item" style="width:200px;">父亲电话：${student.fatherTel }</a>
			          <a class="item" style="width:200px;">母亲姓名：${student.motherName }</a>
			          <a class="item" style="width:200px;">母亲电话：${student.motherTel }</a>	
			          <a class="item" style="width:200px;">身份证号码：${student.idCard}</a>		          
			          
			        </div>
			      </div>
			    </div>
			  </div></td>
							<td class="collapsing">${student.gender}</td>
							<td class="collapsing">${student.education}</td>
							<td class="collapsing">${student.phone}</td>
							<td class="collapsing">${student.counselorName}</td>
							<td class="collapsing"><fmt:formatDate
									value="${student.createTime}" type="date" /></td>
							<td class="collapsing">${student.stuGradeText}</td>
							<c:if test="${url eq 'nopayed' }">
								<td class="collapsing">
									<div class="ui teal basic button" tabindex="0"><a href = "changestu_detail?id=${student.name}">付款</a></div>
								</td>
							</c:if>
						</tr>
					</c:forEach>
					<c:if test="${empty stuList}">
						<tr>
							<td style="text-align: center;" colspan="8">暂无记录</td>
						</tr>
					</c:if>
				</tbody>
			</table>
		
		<label>&nbsp;</label>
		<c:if test="${totalPage > 1 }">
			<div class="page">
				<a
					<c:if test="${page!=1}">href="${url}?page=1${queryString}"</c:if>
					class="${page == 1?'disable':''}">首页</a> <a
					<c:if test="${page!=1}">href="${url}?page=${page-1}${queryString}"</c:if>
					class="${page == 1?'disable':''}">上一页</a> <a
					<c:if test="${page!=totalPage}">href="${url}?page=${page+1 }${queryString}"</c:if>
					class="${page == totalPage?'disable':''}">下一页</a> <a
					<c:if test="${page!=totalPage}">href="${url}?page=${totalPage }${queryString}"</c:if>
					class="${page == totalPage?'disable':''}">最后一页</a> <span>
					${page}/${totalPage} </span>
			</div>
		</c:if>
	</div>
</body>
</html>